<template>
  <div class="con">
    <span class="fa fa-dot-circle-o" style="color:#1d2786;" v-if="num==1"></span>
    <span class="fa fa-circle-o" style="color:#c00000;" v-else-if="num==2"></span>
    <span class="fa fa-play fa-rotate-270" style="color:#ffbd39;" v-else-if="num==3"></span>
    <span class="fa fa-spinner" style="color:#a7efe9" v-else-if="num==4"></span>
    <span class="fa fa-close" style="color:#000;" v-else-if="num==5"></span>
    <span class="fa" style="color:#575757;" v-else>--</span>
  </div>
</template>
<script>
// num 1:非常有效 2有效 3一般 4弱 5无效 其他--
export default {
  props: [
    'num'
  ]
}
</script>
<style scoped>
  .con{
    display: inline-block;
    padding: 5px 6px;
    font-size: 12px;
  }
</style>
